<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>响应式背景视频</title>
  <link rel="stylesheet" href="index.css">
</head>
<body>

  <div class="text">
    <h2>title</h2>
    <p>
      一段文字，一段文字，一段文字，一段文字，一段文字，一段文字一段文字一段文字，一段文字，一段文字,一段文字，一段文字，一段文字，一段文字，一段文字，一段文字一段文字一段文字，一段文字，一段文字一段文字，一段文字，一段文字，一段文字，一段文字，一段文字一段文字一段文字，一段文字，一段文字
    </p>
  </div>

  <video id="bgvideo" poster="static/banner.jpg" autoplay muted loop>
    <source src="https://cloud.video.taobao.com//play/u/386715097/p/1/e/6/t/1/268494275631.mp4" type="video/mp4">
  </video>
</body>
</html>